<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>学生管理 - 学生管理系统</title>
<link rel="stylesheet" href="../css/public.css">
<script>
function setActive() {
    var buttons = document.getElementsByTagName('button');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].addEventListener('click', function() {
            for (var j = 0; j < buttons.length; j++) {
                buttons[j].classList.remove('active');
            }
            this.classList.add('active');
        });
    }
}
</script>
</head>
<body onload="setActive()">
<header>
    <h1>学生管理系统</h1>
    <nav>
        <a href=" "><button>首页</button></a >
        <button class="active">学生管理</button>
        <a href="clas.html"><button>班级管理</button></a >
    </nav>
</header>
<main>
    <h2>学生信息表</h2>
    <div class="search_box">
		<input
			type="text"
			id="searchInput"
			placeholder="请输入学生关键字进行搜索..."
			onkeyup="get_by_keyword(this.value)"
		/>
	</div>
    <table id="studentTable" class="table_main">
		<thead>
			<tr>
				<th>学生id</th>
				<th>学生姓名</th>
                <th>性别</th>
                <th>班级id</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody id="data_info"></tbody>
	</table>
    <div class="div_in_container">
		<div class="div_input_son_container">
			<h3>添加学生</h3>
			<div id="add_student">
				<input
					type="text"
					name=""
					id="add_student_input"
					placeholder="请输入学生姓名"
				/>
			</div>
			<button onclick="">添加学生</button>
		</div>
		<div class="div_input_son_container">
			<h3>编辑学生</h3>
			<div id="edit_student"></div>
			<button onclick="">保存</button>
		</div>
	</div>
</main>
</body>
</html>